<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="http://localhost/test.html">
        <p>用户名</p>
        <p><input type="text" name="username" value><span></span></p>
        <p>密码</p>
        <p><input type="text" name="pwd" value><span></span></p>
        <p>再次确认密码</p>
        <p><input type="text" name="repwd" value><span></span></p>
        <p><input type="submit" value="提交"></p>
    </form>
</body>
</html>
<script type="text/javascript" src="jquery.js"></script>
<script>

    $("form").submit(function(){
        $("input[type='text']").trigger("blur");
        var total = 0
        $("input[type='text']").each(function(){
            total += $(this).data("s")
        })
        console.log(total);
        if (total != 3){
            return false;
        }

    })
    $("input[name='username']").blur(function(){
        if($(this).val().length > 6){
            $(this).data('s',1)
            $(this).next().text('');
        }else{
            $(this).data('s',0)
            $(this).next().text('用户名要过6位');
        }
    })

    $("input[name='pwd']").blur(function(){
        if($(this).val().length > 8){
            $(this).data('s',1)
            $(this).next().text('');
        }else{
            $(this).data('s',0)
            $(this).next().text('密码要过8位');
        }
    })

    $("input[name='repwd']").blur(function(){
        if($(this).val() == $("input[name='pwd']").val()){
            $(this).data('s',1)
            $(this).next().text('');
        }else{
            $(this).data('s',0)
            $(this).next().text('两次密码不一致');
        }
    })


</script>
